<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<p:dialog widgetVar="modalEdit" width="800" position="690,270">
		<f:facet name="header">
			<h:outputText value="Cadastro Pessoa"
				rendered="#{pessoaBean.pessoa.nome == null}" />
			<h:outputText value="Editar Pessoa"
				rendered="#{pessoaBean.pessoa.nome != null}" />
		</f:facet>
		<h:form prependId="false">
			<p:growl id="growlCadastro" showDetail="false" />
			<p:panel style="font-size: 14px;" id="editPanel">
				<h:panelGrid columns="2">
					<p:fieldset legend="Dados Pessoais"
						style="width: 30%; margin: 0px; float: left;">
						<h:panelGrid columns="2">
							<h:outputLabel value="#{msg.nomePessoa}:" style="display: block;" />
							<h:outputLabel value="#{msg.dataNascimento}:" />
							<h:inputText value="#{pessoaBean.pessoa.nome}" required="true"
								requiredMessage="Erro" />
							<p:calendar value="#{pessoaBean.pessoa.dataNascimento}"
								locale="pt_BR" pattern="dd/MM/yyyy" />

							<h:outputLabel value="#{msg.cpf}:" style="display: block;" />
							<h:outputLabel value="#{msg.estadoCivil}:"
								style="display: block;" />
							<p:inputMask mask="999.999.999-99"
								value="#{pessoaBean.pessoa.cpf}" />
							<h:selectOneMenu id="estadoCivil"
								value="#{pessoaBean.pessoa.estadoCivil.id}">
								<f:selectItems value="#{pessoaBean.listEstadoCivil}" />
							</h:selectOneMenu>
							<h:outputLabel value="#{msg.sexo}:" />
							<p:spacer width="5" />
							<h:selectOneMenu id="sexo" value="#{pessoaBean.pessoa.sexo}">
								<f:selectItem itemLabel="#{msg.feminino}" itemValue="F" />
								<f:selectItem itemLabel="#{msg.masculino}" itemValue="M" />
							</h:selectOneMenu>
						</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="Dados Profissionais" id="tbMedico">
						<h:outputLabel value="#{msg.crm}:" style="display: block;" />
						<h:inputText value="#{pessoaBean.pessoa.medico.crm}" />
						<br />
						<h:outputLabel value="#{msg.especialidade}:"
							style="display: block;" />
						<h:selectOneMenu id="especialidade"
							value="#{pessoaBean.pessoa.medico.especialidade.id}">
							<f:selectItem itemLabel="#{msg.escolhaEspecialidade}"
								itemValue="" />
							<f:selectItems value="#{pessoaBean.listEspecialidades}" />
						</h:selectOneMenu>
					</p:fieldset>
					<p:fieldset legend="#{msg.endereco}">
						<h:panelGrid columns="2">
							<h:outputLabel value="#{msg.rua}:" />
							<h:outputLabel value="#{msg.numero}:" />
							<h:inputText value="#{pessoaBean.pessoa.endereco.rua}" />
							<h:inputText value="#{pessoaBean.pessoa.endereco.numero}" />


							<h:outputLabel value="#{msg.apto}:" />
							<h:outputLabel value="#{msg.pais}:" style="display: block;" />
							<h:inputText value="#{pessoaBean.pessoa.endereco.apto}" />
							<h:selectOneMenu id="pais"
								value="#{pessoaBean.pessoa.endereco.pais.codPais}"
								style="margin-right:10px">
								<f:selectItem itemLabel="#{msg.escolhaPais}" itemValue="" />
								<f:selectItems value="#{pessoaBean.paises}" />
								<p:ajax event="change" process="pais" update="estado" />
							</h:selectOneMenu>

							<h:outputLabel value="#{msg.estado}:" style="display: block;" />
							<h:outputLabel value="#{msg.cidade}:" />
							<h:selectOneMenu id="estado"
								value="#{pessoaBean.pessoa.endereco.estado.codEstado}"
								style="margin-right:10px">
								<f:selectItem itemLabel="#{msg.escolhaEstado}" itemValue="" />
								<f:selectItems value="#{pessoaBean.estados}" />
								<p:ajax event="change" process="estado" update="cidade" />
							</h:selectOneMenu>
							<h:selectOneMenu id="cidade"
								value="#{pessoaBean.pessoa.endereco.cidade.codCidade}"
								style="margin-right:10px">
								<f:selectItem itemLabel="#{msg.escolhaCidade}" itemValue="" />
								<f:selectItems value="#{pessoaBean.cidades}" />
							</h:selectOneMenu>
						</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="Dados do Sistema" style="float: left;">
						<h:outputLabel value="#{msg.usuario}:" style="display: block;" />
						<h:inputText value="#{pessoaBean.pessoa.usuario.login}" />
						<br />
						<h:outputLabel value="#{msg.senha}:" style="display: block;" />
						<p:password value="#{pessoaBean.pessoa.usuario.senha}"
							minLength="5" promptLabel="#{msg.senhaDigite}"
							weakLabel="#{msg.senhaFraca}" goodLabel="#{msg.senhaMedia}"
							strongLabel="#{msg.senhaForte}" />
					</p:fieldset>
				</h:panelGrid>
				<h:panelGrid columns="4">
					<p:commandButton value="#{msg.botaoEnviarDados}"
						action="#{pessoaBean.actionSave}" 
						update="growlCadastro, listPessoas" image="ui-icon-disk"
						onsuccess="modalEdit.hide();" />
				</h:panelGrid>
			</p:panel>
		</h:form>
	</p:dialog>
</ui:composition>